.navbar-container{
  z-index: $z-navbar;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.navbar{
  padding: 0 5px 0 0;
  background-color: $bg-main;
  .navbar-btn-group{
    display: flex;
    img{
      padding: 3px;
      display: block;
      background-color: rgba(255,255,255,0);
      cursor: pointer;
      width: $height-navbar;
      height: $height-navbar;
      transition: all 0.5s;
      &:active{
        @include border-radius(50px);
        background-color: rgba(255,255,255,0.2);
        opacity: 0.8;
        transition: all 0s;
      }
    }
  }
  .brand{
    cursor: pointer;
    margin: 0 auto;
    height: $height-navbar;
    width: 80px;
    img{
      padding: 3px;
      margin: 0 auto;
      display: block;
      height: $height-navbar;
    }
  }
}
